<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body style="width: ${anwserpicterwith}px;">

<#if showstem >
    <div style="width: 100%;">${itemStem!''}</div>
</#if>

<div style="padding: 10px 0;position: relative;">
    <div style="display: inline-block;height:100%;width: 30px;position: absolute;">
        <span style="display: inline-block;font-size: 14px;border-radius: 5px;border:#FF9983 solid 1px;color: #FF9983;width: 28px;height: 28px;text-align: center;line-height: 28px;">答</span>
    </div>
    <div style="position: relative;margin-left: 40px;display: inline-block;font-size: 14px;border: 1px solid #DCDFE6;border-radius: 4px;padding: 10px;width: calc(100% - 62px);">
        <div style="width: 100%;word-break: break-all;">
            <#if children?? && (children?size > 0) >
                <#list children as item>
                    ${item_index + 1}:
                            <#if item.studentAnswer??  && (item.studentAnswer?length >0) >
                                ${item.studentAnswer!''}
                            <#else>
                                <p style="color:red">暂无作答</p>
                            </#if>
                            <br/>
                </#list>
            <#else>
                 <p style="color:red">暂无作答</p>
            </#if>
        </div>
    </div>
</div>
</body>
</html>
